espiral-42297: Header Principal

Home

Header Principal - CustomDefinition

Elements

◆ FloatingGroup: FloatingGroup A
- Left = 105
- Top = 147
- Width = 320
- Height = 250
- Z-Index = 2
- Background style = gradient
- Background color = var(--color_primary_default)
- Left pad = 0
- Top pad = 40
- Right pad = 0
- Bottom pad = 10
- ◆ Group: Group B
  - Left = 10
  - Top = 40
  - Width = 0
  - Height = 0
  - Z-Index = 6
  - Left pad = 10
  - Right pad = 10
  - Min height css = 40px
  - ◆ Image: Image A
    - Left = 217.5
    - Top = 0
    - Width = 251
    - Height = 240
    - Z-Index = 6
    - Top margin = 0
    - Static Source = //d9507a7a3f724d101a6b05899b0af242.cdn.bubble.io/f1740222806823x342914896120630340/icone.png
  - ◆ Group: Group I
    - Left = 100
    - Top = -130
    - Width = 280
    - Height = 280
    - Z-Index = 7
    - Min height css = 40px
    - ◆ Image: Image A
      - Left = -10
      - Top = -40
      - Width = 240
      - Height = 240
      - Z-Index = 2
      - Border color = var(--color_bTHDf_default)
      - Static Source = Current User's imagem de perfil
    - ◆ Group: Group A
      - Left = -10
      - Top = -40
      - Width = 0
      - Height = 0
      - Z-Index = 5
      - Min height css = 40px
      - ◆ Text: Text A
        
        Left = -10
        
        Top = -90
        
        Width = 100
        
        Height = 36
        
        Z-Index = 3
        
        Font color = var(--color_bTHDg_default)
        
        Text = Olá Current User's nome
      - ◆ Text: Text A
        
        Left = -10
        
        Top = -90
        
        Width = 100
        
        Height = 36
        
        Z-Index = 4
        
        Font size = 14
        
        Font color = var(--color_bTHDg_default)
        
        Text = Aproveite nossos conteúdos!
- ◆ Group: Group A
  - Left = 10
  - Top = 90
  - Width = 0
  - Height = 0
  - Z-Index = 8
  - Left pad = 10
  - Right pad = 10
  - Min height css = 50px
  - ◆ Group: G Home
    - Left = 34
    - Top = -130
    - Width = 280
    - Height = 280
    - Z-Index = 8
    - Min height css = 50px
    - ◆ Icon: Icon home
      - Left = -10
      - Top = -90
      - Width = 30
      - Height = 30
      - Z-Index = 7
      - Icon = ionic outlined home
    - ◆ Text: Text B
      - Left = 15
      - Top = 25
      - Width = 100
      - Height = 36
      - Z-Index = 8
      - Font color = var(--color_bTHDg_default)
      - Align = center
      - Text = Inicio
  - ◆ Group: G Profissionais
    - Left = 44
    - Top = -120
    - Width = 280
    - Height = 280
    - Z-Index = 8
    - Min height css = 50px
    - ◆ Icon: Icon home
      - Left = -10
      - Top = -90
      - Width = 30
      - Height = 30
      - Z-Index = 7
      - Icon = ionic outline people
    - ◆ Text: Text C
      - Left = 15
      - Top = 25
      - Width = 100
      - Height = 36
      - Z-Index = 8
      - Font color = var(--color_bTHDg_default)
      - Align = center
      - Text = Profissionais
  - ◆ Group: G Clinicas 👓
    - Left = 54
    - Top = -110
    - Width = 280
    - Height = 280
    - Z-Index = 8
    - Visible = false
    - Min height css = 50px
      - Change: Visible = true
      - ◌ When: [Search for Clinicas]:count > 0
        
        ● Clinicas
    - ◆ Icon: Icon home
      - Left = -10
      - Top = -90
      - Width = 30
      - Height = 30
      - Z-Index = 7
      - Icon = phosphor outline buildings
    - ◆ Text: Text D
      - Left = 15
      - Top = 25
      - Width = 100
      - Height = 36
      - Z-Index = 8
      - Font color = var(--color_bTHDg_default)
      - Align = center
      - Visible = true
      - Text = Parcerias
  - ◆ Change: Group: G Artigos
    - Left = 0
    - Top = 0
    - Width = 280
    - Height = 280
    - Z-Index = 8
    - Min height css = 50px
    - ◆ Icon: Icon home
      - Left = -10
      - Top = -90
      - Width = 30
      - Height = 30
      - Z-Index = 7
      - Icon = ionic outline book
    - ◆ Text: Text E
      - Left = 15
      - Top = 25
      - Width = 100
      - Height = 36
      - Z-Index = 8
      - Font color = var(--color_bTHDg_default)
      - Align = center
      - Text = Artigos
  - ◆ Group: G Busca
    - Left = 10
    - Top = 10
    - Width = 280
    - Height = 280
    - Z-Index = 8
    - Min height css = 50px
    - ◆ Icon: Icon home
      - Left = -10
      - Top = -90
      - Width = 30
      - Height = 30
      - Z-Index = 7
      - Icon = ionic outline search
    - ◆ Text: Text F
      - Left = 15
      - Top = 25
      - Width = 100
      - Height = 36
      - Z-Index = 8
      - Font color = var(--color_bTHDg_default)
      - Align = center
      - Text = Busca
◆ Popup: Popup Menu Busca
- Left = 0
- Top = 0
- Width = 545
- Height = 276
- Z-Index = 2
- disp = default
- ◆ Group: Group H
  - Left = 58
  - Top = 51
  - Width = 400
  - Height = 250
  - Z-Index = 2
  - Left pad = 10
  - Top pad = 10
  - Right pad = 10
  - Bottom pad = 10
  - Min height css = 75px
  - ◆ Icon: Icon F
    - Left = 525
    - Top = 26
    - Width = 80
    - Height = 80
    - Z-Index = 3
    - Border color = rgba(0, 0, 0, 0)
    - Icon = fa fa-times
      - ◌ Change: When: This Icon F is hovered or This Icon F is pressed
  - ◆ Text: Text G
    - Left = 78
    - Top = 29
    - Width = 200
    - Height = 45
    - Z-Index = 2
    - Top margin = -32
    - Text = O que gostaria de buscar?
- ◆ Group: Group H
  - Left = 68
  - Top = 61
  - Width = 400
  - Height = 250
  - Z-Index = 3
  - Top margin = 25
  - Bottom margin = 25
  - Left pad = 25
  - Top pad = 0
  - Right pad = 25
  - Bottom pad = 0
  - Min height css = 0px
  - ◆ Button: Button A
    - Left = 182
    - Top = 106
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Text = Profissionais
    - Icon = ionic outline star
  - ◆ Button: Button B 👓
    - Left = 192
    - Top = 116
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Visible = false
    - Text = Parcerias
    - Icon = ionic outline star
      - Change: Visible = true
      - ◌ When: [Search for Clinicas]:count > 0
        
        ● Clinicas
  - ◆ Button: Button C
    - Left = 192
    - Top = 116
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Text = Artigos
    - Icon = ionic outline star
  - ◆ Button: Button D
    - Left = 192
    - Top = 116
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Text = Livros
    - Icon = ionic outline star
  - ◆ Button: Button E
    - Left = 192
    - Top = 116
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Text = Sugestões
    - Icon = ionic outline star
  - ◆ Button: Button F
    - Left = 202
    - Top = 126
    - Width = 150
    - Height = 44
    - Z-Index = 4
    - Text = Vídeos
    - Icon = ionic outline star
- ◆ Group: Group H
  - Left = 0
  - Top = 75
  - Width = 400
  - Height = 75
  - Z-Index = 3
  - Left pad = 25
  - Top pad = 10
  - Right pad = 25
  - Bottom pad = 10
  - Min height css = 85px
  - ◆ Text: btn Bootstrap Base Light
    - Left = 0
    - Top = 0
    - Width = 150
    - Height = 45
    - Background style = bgcolor
    - Background color = rgba(245, 248, 250, 1)
    - Border color = rgba(0, 0, 0, 1)
    - Font weight = 500
    - Font color = rgba(85, 85, 85, 1)
    - Align = center
    - Font face = Poppins:::500
    - Font family = Poppins
    - Left pad = 20
    - Top pad = 0
    - Right pad = 20
    - Bottom pad = 0
    - Text = Fechar
      - Change: Background style = bgcolor
      - Background color = rgba(239, 242, 245, 1)
      - Border color = #9DA9E8
      - ◌ When: This btn Bootstrap Base Light is hovered or This btn Bootstrap Base Light is pressed
      - Change: Background color = rgba(250, 251, 251, 1)
      - Border color = #6C7FEB
      - Font color = rgba(119, 119, 119, 1)
      - ◌ When: This btn Bootstrap Base Light isnt clickable

Workflow

◆ Image A is clicked - "is clicked"
- 1. Go to page perfil_usuario - "Go to page"
◆ Image A is clicked - "is clicked"
- 1. Go to page perfil_usuario - "Go to page"
◆ Icon home is clicked - "is clicked"
- 1. Go to page espiral_inicio - "Go to page"
◆ btn Bootstrap Base Light is clicked - "is clicked"
- 1. Hide Popup Menu Busca - "Hide"
◆ Icon F is clicked - "is clicked"
- 1. Hide Popup Menu Busca - "Hide"
◆ Button A is clicked - "is clicked"
- 1. Go to page busca_profissionais - "Go to page"
◆ G Busca is clicked - "is clicked"
- 1. Show Popup Menu Busca - "Show"
◆ Button C is clicked - "is clicked"
- 1. Go to page busca_artigos - "Go to page"
◆ G Home is clicked - "is clicked"
- 1. Go to page espiral_inicio - "Go to page"
◆ G Profissionais is clicked - "is clicked"
- 1. Go to page busca_profissionais - "Go to page"
◆ G Artigos is clicked - "is clicked"
- 1. Go to page busca_artigos - "Go to page"
◆ G Clinicas is clicked - "is clicked"
- 1. Go to page busca_clinicas - "Go to page"
◆ Button B is clicked - "is clicked"
- 1. Go to page busca_clinicas - "Go to page"
◆ Button D is clicked - "is clicked"
- 1. Go to page busca_livros - "Go to page"
◆ Button E is clicked - "is clicked"
- 1. Go to page busca_sugestao - "Go to page"
◆ Button F is clicked - "is clicked"
- 1. Go to page busca_videos - "Go to page"

Generated byBubble Documenter